新神器 | 0代码可视化搞定门户界面定制！SuperMap iPortal 等你尝鲜！

日前，我们发布了全新的SuperMap 8C（2017）产品，大家对于其六大新特性非常关注（详情请点击文末阅读原文），很多人表示想了解更多产品功能亮点，超超君在此向研究院同事约稿数篇，从今天开始将逐一为大家分享，敬请关注！

引子 | 一名新晋项目经理的棘手难题

“一入项目深似海，从此假期是路人”。这一句广为流传的调侃语，表达我此时时刻的心情最为合适。遥想当年，总经理第一次找我谈话让我做项目经理时我的内心是酱紫的：离小目标又近一步！我一定要出色地完成任务！

然而，干了不到三个月，我已经基本改变了我对总经理的看法，现在只想对总经理说：

说多了都是泪！干过项目的人都懂，项目上最大的困难是什么？我就说三点：
1、甲方又改需求了!2、甲方又改需求了!3、甲方又改需求了!

项目易做，需求难做。举个栗子：

同时接了两个项目，两个甲方同时给我扔了两套不同的界面，说话如出一辙：“照这个做！”这意味着我们要开发两次，代码还不能复用！但我又转念一想，干项目嘛，哪有不写点代码弄点界面的……
然而，界面写完没三天，A项目的甲方说他们新设计了一版界面，需要变更为全新的界面。我的天呐……项目上的前端我都给他放假回家相亲去了……你们要换界面，不知道你们能不能看到我脸上的那两行无助的清泪……

项目的延期，让我……生！无！可！恋！

在我十分无助的时候，总经理一脸高冷的对我说了至今对我影响深刻的话语：小伙子还是太年轻啊，要想做好项目，首先得选好平台啊——SuperMap iPortal 8C(2017)实现零代码可视化定制门户界面，那里有能拯救你于危难的神器，去看看吧！

一语惊醒梦中人！一番研究之后，我发现在最新发布的SuperMap iPortal 8C(2017)中，有一个非常牛的新特性：其全新升级的可视化门户定制系统，可实现门户首页“0代码”可视化布局，支持多种方式无代码快速集成第三方Web应用到iPortal门户中，尤其适合单位内部有多个Web应用，期望集成到同一个门户平台进行使用的用户。讲真，这个功能真的深深地震撼了我！

下面让我带您一起体验下可视化门户定制系统的魅力！

门户默认首页全新升级，可方便定制

SuperMap iPortal 8C(2017)门户默认首页对导航栏进行了合并，新增支持添加二级导航栏，方便用户设置多个导航栏目，用于集成第三方Web应用，同时新增了轮播、模块快捷链接等UI组件，首页各UI组件都支持在可视化门户定制系统中进行自定义设置。

图1 SuperMap iPortal 8C(2017)门户默认首页（可方便定制）

一些高级用户可能希望对门户首页的UI组件进行重新布局，打破默认的一行一列的布局模式，他们还可能希望在门户首页中自定义添加一些新的UI组件，例如：新闻中心、电子地图等等。面对诸如上述这些问题，如何解决？
传统做法可能需要前端开发人员去修改页面代码，占用大量时间做前端定制的事情。然而项目工期有限，人力有限，导致前端定制往往成为制约我们项目建设的瓶颈。

零代码实现门户首页可视化布局

SuperMap iPortal 8C(2017)内置了可视化布局系统，让您无需掌握JavaScript、html5或css3，只需要简单的鼠标拖动就能解决以上问题，让不懂技术的人也可以轻松、快速、灵活的定制出满足项目需求的门户界面，尽享门户定制的乐趣。

• 支持按Bootstrap的栅格布局，进行任意的区域自定义划分

在可视化布局系统中，内置了Bootstrap的12列栅格布局组件，您可以设计统一的门户首页布局，调整页面中各个UI组件的位置，这一切无需编写任何代码，简单的鼠标拖动即可实现。

• 支持自定义UI组件，方便快速集成第三方Web应用

在可视化布局系统中，内置了前端源码编辑器，方便您快速将第三方Web应用集成到门户首页中。

图2 自定义添加“电子地图”应用组件

定制导航栏目，
无代码集成第三方Web应用

不仅如此，SuperMap iPortal 8C(2017)还支持使用“内置导航栏”的方式集成第三方Web应用模块。您可以自定义添加一级、二级导航栏目，将第三方Web应用模块集成进来，并且可以选择使用iPortal内置导航栏，无代码实现让新添加的栏目共享iPortal的导航栏和用户登录状态，从而方便用户集成多个第三方Web应用到门户中。

图3 使用“内置导航栏”集成文档模块

SuperMap iPortal 8C(2017)提供的可视化门户定制系统，基于浏览器的可视化，完全傻瓜式的定制模式，不需要编写任何代码即可定制出满足用户需求的门户平台界面，不仅降低了门户定制的门槛，而且极大缩短了项目建设周期，非常适合那些项目周期短，对门户界面没有特殊要求的用户。

图4可视化门户定制系统

可视化门户定制案例

最后，我们来看一个实际的项目案例。在某地区的地理信息公共平台建设项目中，用户基于SuperMap iPortal 8C(2017)搭建了地理信息公共服务平台，其门户平台界面通过iPortal内置的可视化门户定制系统进行定制，几乎零代码完成了门户界面的定制，既高效又美观，如图5-1所示。在该门户平台中，用户还通过定制导航栏的方式，无代码集成了智慧GIS服务、开发中心、新闻中心、公共参与中心等多个第三方Web应用，这些集成的第三方Web应用还能共享iPortal的导航栏和用户登录状态，如图5-2所示。该用户表示，SuperMap iPortal 8C(2017)简单易用，门户定制灵活、高效，具有很高的推广使用价值。

图5-1 用户定制的门户界面

图5-2 轻松集成第三方Web应用

想起昨天打电话说也要改界面的B项目负责人，还有我那还在家相亲的开发前端……哈哈，宝宝再也不用担心项目的进度了！

都说好东西要分享，这么好的一个东西自己也不能自私，为解放苦战在项目一线的“勇士”们，把产品下载地址留给你们http://support.supermap.com.cn/DownloadCenter/ProductPlatform.aspx（含试用许可链接），不用谢，请叫我雷锋！

更多门户新特性和增强请参见：SuperMap iPortal 8C(2017)的what’s new

什么？你说这是软文？开玩笑，这明明是广告！

欢迎转载！

|近日热读|